.carregando{
    display:inline-block;
    -moz-animation:spin 2s infinite linear;
    -o-animation:spin 2s infinite linear;
    -webkit-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear;
}

#mensagemAlert {
	position: fixed;
	z-index: 999999;
}
#mensagemAlert * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#mensagemAlert > div {
	margin: 0 0 6px;
	padding: 15px 15px 15px 50px;
	width: 300px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	color: #fff;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80)
}
#mensagemAlert > :hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer
}
#mensagemAlert > .toast-info {
	background-image: url("") !important
}
#mensagemAlert > .toast-error {
	background-image: url("") !important
}
#mensagemAlert > .toast-success {
	background-image: url("") !important
}
#mensagemAlert > .toast-warning {
	background-image: url("") !important
}
#mensagemAlert.toast-top-full-width > div, #mensagemAlert.toast-bottom-full-width > div {
	width: 96%;
	margin: auto
}
#mensagemAlert .toast-success.black, #mensagemAlert .toast-error.black, #mensagemAlert .toast-info.black, #mensagemAlert .toast-warning.black {
	background-color: rgba(0,0,0,0.7);
	color: #fff
}

body{
	font-family: "Helvetica Neue", Helvetica,  "微软雅黑", "¥Ò¥é¥®¥Î½Ç¥´ ProN W3", "Meiryo", "¥á¥¤¥ê¥ª", Arial, sans-serif;
	font-size:14px;
	color:#555555;
}

.btn-lg {
  font-size: 17px !important;
}
.btn-sm,
.btn-xs {
  font-size: 13px !important;
}
.font16 {
  font-size: 16px !important;
}
.font16 .btn {
  font-size: 16px !important;
}
.font16 .form-control {
  height: 34px !important;
}
.font16 ::-webkit-input-placeholder {
  font-size: 16px !important;
}
.font18 {
  font-size: 18px !important;
}
.font18 .btn {
  font-size: 18px !important;
}
.font18 .form-control {
  height: 36px !important;
}
.font18 ::-webkit-input-placeholder {
  font-size: 18px !important;
}
.toast-top-right {
  top: 70px;
  right: 15px;
}
#toast-container > div {
  opacity: 1;
}
.page-container.horizontal-menu header.navbar ul.nav > li.sep {
  margin: 17px 0;
  height: 18px;
}
.page-container.horizontal-menu header.navbar ul.nav > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li > span {
  font-size: 14px;
}
.page-container.horizontal-menu header.navbar ul.nav > li > a .nav-link,
.page-container.horizontal-menu header.navbar ul.nav > li > span .nav-link {
  margin-top: 1px;
}
.page-container.horizontal-menu header.navbar .navbar-brand {
  margin-top: 2px;
}
#search-edit-area {
  height: 100%;
}
#search-edit-area .search-edit-text-input {
  height: calc(100% - 3px);
}
.space-left {
  padding-left: 10px;
}
.space-in-xs {
  padding: 2px;
}
.space-in-xs-top {
  padding-top: 2px;
}
.space-in-xs-bottom {
  padding-bottom: 2px;
}
.space-in-xs-right {
  padding-right: 2px;
}
.space-in-xs-left {
  padding-left: 2px;
}
.space-in-s {
  padding: 5px;
}
.space-in-s-top {
  padding-top: 5px;
}
.space-in-s-bottom {
  padding-bottom: 5px;
}
.space-in-s-right {
  padding-right: 5px;
}
.space-in-s-left {
  padding-left: 5px;
}
.space-in-m {
  padding: 10px;
}
.space-in-m-top {
  padding-top: 10px;
}
.space-in-m-bottom {
  padding-bottom: 10px;
}
.space-in-m-right {
  padding-right: 10px;
}
.space-in-m-left {
  padding-left: 10px;
}
.space-in-l {
  padding: 15px;
}
.space-in-l-top {
  padding-top: 15px;
}
.space-in-l-bottom {
  padding-bottom: 15px;
}
.space-in-l-right {
  padding-right: 15px;
}
.space-in-l-left {
  padding-left: 15px;
}
.space-in-xl {
  padding: 20px;
}
.space-in-xl-top {
  padding-top: 20px;
}
.space-in-xl-bottom {
  padding-bottom: 20px;
}
.space-in-xl-right {
  padding-right: 20px;
}
.space-in-xl-left {
  padding-left: 20px;
}
.space-out-xs {
  margin: 2px;
}
.space-out-xs-top {
  margin-top: 2px;
}
.space-out-xs-bottom {
  margin-bottom: 2px;
}
.space-out-xs-right {
  margin-right: 2px;
}
.space-out-xs-left {
  margin-left: 2px;
}
.space-out-s {
  margin: 5px;
}
.space-out-s-top {
  margin-top: 5px;
}
.space-out-s-bottom {
  margin-bottom: 5px;
}
.space-out-s-right {
  margin-right: 5px;
}
.space-out-s-left {
  margin-left: 5px;
}
.space-out-m {
  margin: 10px;
}
.space-out-m-top {
  margin-top: 10px;
}
.space-out-m-bottom {
  margin-bottom: 10px;
}
.space-out-m-right {
  margin-right: 10px;
}
.space-out-m-left {
  margin-left: 10px;
}
.space-out-l {
  margin: 15px;
}
.space-out-l-top {
  margin-top: 15px;
}
.space-out-l-bottom {
  margin-bottom: 15px;
}
.space-out-l-right {
  margin-right: 15px;
}
.space-out-l-left {
  margin-left: 15px;
}
.space-out-xl {
  margin: 20px;
}
.space-out-xl-top {
  margin-top: 20px;
}
.space-out-xl-bottom {
  margin-bottom: 20px;
}
.space-out-xl-right {
  margin-right: 20px;
}
.space-out-xl-left {
  margin-left: 20px;
}
.img-16 {
  height: 16px;
  width: 16px;
}
.img-24 {
  height: 24px;
  width: 24px;
}
.img-32 {
  height: 32px;
  width: 32px;
}
.img-36 {
  height: 36px;
  width: 36px;
}
.img-48 {
  height: 48px;
  width: 48px;
}
.img-64 {
  height: 64px;
  width: 64px;
}
.img-128 {
  height: 128px;
  width: 128px;
}
.icon-size-16 {
  font-size: 16px;
}
.icon-size-24 {
  font-size: 24px;
}
.icon-size-32 {
  font-size: 32px;
}
.icon-size-36 {
  font-size: 36px;
}
.icon-size-48 {
  font-size: 48px;
}
.icon-size-64 {
  font-size: 64px;
}
.font-size-xl {
  font-size: 170%;
}
.font-size-ll {
  font-size: 140%;
}
.font-size-l {
  font-size: 120%;
}
.font-size-m {
  font-size: 100%;
}
.font-size-s {
  font-size: 88%;
}
.font-size-ss {
  font-size: 80%;
}
.functional {
  cursor: pointer;
}
.bg-gray-color-10 {
  background-color: #f5f5f5;
  color: #555555;
}
.bg-gray-color-20 {
  background-color: #f1f1f1;
  color: #555555;
}
.bg-gray-color-30 {
  background-color: #e8e8e8;
  color: #555555;
}
.bg-gray-color-40 {
  background-color: #dddddd;
  color: #555555;
}
.bg-gray-color-50 {
  background-color: #cccccc;
  color: #555555;
}
.bg-gray-color-60 {
  background-color: #bdbdbd;
  color: #555555;
}
.bg-gray-color-70 {
  background-color: #aaaaaa;
  color: #555555;
}
.bg-gray-color-80 {
  background-color: #999999;
  color: #ffffff;
}
.bg-gray-color-90 {
  background-color: #7f7f7f;
  color: #ffffff;
}
.bg-gray-color-100 {
  background-color: #555555;
  color: #ffffff;
}
.bg-gray-color-110 {
  background-color: #333333;
  color: #ffffff;
}
.bg-gray-color-120 {
  background-color: #191919;
  color: #ffffff;
}
.bg-color-white {
  background-color: #ffffff;
  color: #555555;
}
.bg-color-black {
  background-color: #000000;
  color: #ffffff;
}
.bg-color-primary {
  background-color: #175d9f;
  color: #ffffff;
}
.bg-color-primary-dark {
  background-color: #114372;
  color: #ffffff;
}
.bg-color-primary-bright {
  background-color: #5d8ebc;
  color: #ffffff;
}
.bg-color-primary-soft {
  background-color: #a2bed9;
  color: #555555;
}
.bg-color-primary-pale {
  background-color: #e8eff5;
  color: #555555;
}
.bg-color-info {
  background-color: #3ea9c4;
  color: #ffffff;
}
.bg-color-info-dark {
  background-color: #30889f;
  color: #ffffff;
}
.bg-color-info-bright {
  background-color: #78c3d6;
  color: #ffffff;
}
.bg-color-info-soft {
  background-color: #b2dde7;
  color: #555555;
}
.bg-color-info-pale {
  background-color: #ecf6f9;
  color: #555555;
}
.bg-color-success {
  background-color: #00986d;
  color: #ffffff;
}
.bg-color-success-dark {
  background-color: #006548;
  color: #ffffff;
}
.bg-color-success-bright {
  background-color: #4db799;
  color: #ffffff;
}
.bg-color-success-soft {
  background-color: #99d6c5;
  color: #555555;
}
.bg-color-success-pale {
  background-color: #e6f5f0;
  color: #555555;
}
.bg-color-warning {
  background-color: #f89406;
  color: #ffffff;
}
.bg-color-warning-dark {
  background-color: #c67605;
  color: #ffffff;
}
.bg-color-warning-bright {
  background-color: #fab451;
  color: #ffffff;
}
.bg-color-warning-soft {
  background-color: #fcd49b;
  color: #555555;
}
.bg-color-warning-pale {
  background-color: #fef4e6;
  color: #555555;
}
.bg-color-danger {
  background-color: #bf1e56;
  color: #ffffff;
}
.bg-color-danger-dark {
  background-color: #931742;
  color: #ffffff;
}
.bg-color-danger-bright {
  background-color: #d26289;
  color: #ffffff;
}
.bg-color-danger-soft {
  background-color: #e5a5bb;
  color: #555555;
}
.bg-color-danger-pale {
  background-color: #f9e9ee;
  color: #555555;
}
.bg-color-gold {
  background-color: #ffb100;
  color: #ffffff;
}
.bg-color-silver {
  background-color: #b6b6b6;
  color: #ffffff;
}
.bg-color-bronze {
  background-color: #aa6d44;
  color: #ffffff;
}
.bg-color-highlight {
  background-color: #ffff77;
}
.bg-color-header {
  background-color: #f5f5f5;
}
.bg-color-transparent {
  background-color: transparent;
}
.bg-list-hover-color {
  background-color: #eeeeee;
}
.bg-list-title-color {
  background-color: #dbdbdb;
}
.bg-splash-color {
  background-color: #303641;
}
.focus-ring-color {
  background-color: #4d90fe;
}
.tree-map-border-color {
  background-color: #bdbdbd;
}
.slick-grid-border-color {
  background-color: #d0d7e5;
}
.toolbar-border-color {
  background-color: #dbdbdb;
}
.border-gray-color-10 {
  border-color: #f5f5f5;
}
.border-gray-color-20 {
  border-color: #f1f1f1;
}
.border-gray-color-30 {
  border-color: #e8e8e8;
}
.border-gray-color-40 {
  border-color: #dddddd;
}
.border-gray-color-50 {
  border-color: #cccccc;
}
.border-gray-color-60 {
  border-color: #bdbdbd;
}
.border-gray-color-70 {
  border-color: #aaaaaa;
}
.border-gray-color-80 {
  border-color: #999999;
}
.border-gray-color-90 {
  border-color: #7f7f7f;
}
.border-gray-color-100 {
  border-color: #555555;
}
.border-gray-color-110 {
  border-color: #333333;
}
.border-gray-color-120 {
  border-color: #191919;
}
.border-color-white {
  border-color: #ffffff;
}
.border-color-black {
  border-color: #000000;
}
.border-color-primary {
  border-color: #175d9f;
}
.border-color-primary-dark {
  border-color: #114372;
}
.border-color-primary-bright {
  border-color: #5d8ebc;
}
.border-color-primary-soft {
  border-color: #a2bed9;
}
.border-color-primary-pale {
  border-color: #e8eff5;
}
.border-color-info {
  border-color: #3ea9c4;
}
.border-color-info-dark {
  border-color: #30889f;
}
.border-color-info-bright {
  border-color: #78c3d6;
}
.border-color-info-soft {
  border-color: #b2dde7;
}
.border-color-info-pale {
  border-color: #ecf6f9;
}
.border-color-success {
  border-color: #00986d;
}
.border-color-success-dark {
  border-color: #006548;
}
.border-color-success-bright {
  border-color: #4db799;
}
.border-color-success-soft {
  border-color: #99d6c5;
}
.border-color-success-pale {
  border-color: #e6f5f0;
}
.border-color-warning {
  border-color: #f89406;
}
.border-color-warning-dark {
  border-color: #c67605;
}
.border-color-warning-bright {
  border-color: #fab451;
}
.border-color-warning-soft {
  border-color: #fcd49b;
}
.border-color-warning-pale {
  border-color: #fef4e6;
}
.border-color-danger {
  border-color: #bf1e56;
}
.border-color-danger-dark {
  border-color: #931742;
}
.border-color-danger-bright {
  border-color: #d26289;
}
.border-color-danger-soft {
  border-color: #e5a5bb;
}
.border-color-danger-pale {
  border-color: #f9e9ee;
}
.border-color-normal {
  border-color: #dddddd;
}
.border-color-strong {
  border-color: #aaaaaa;
}
.border-color-muted {
  border-color: #e8e8e8;
}
.border-color-transparent {
  border-color: transparent;
}
.text-normal {
  color: #555555;
}
.text-strong {
  color: #191919;
}
.text-light {
  color: #999999;
}
.text-hint {
  color: #aaaaaa;
}
.text-disabled {
  color: #cccccc;
}
.text-white {
  color: #ffffff;
}
.text-info {
  color: #3ea9c4;
}
.text-success {
  color: #00986d;
}
.text-warning {
  color: #f89406;
}
.text-danger {
  color: #bf1e56;
}
.text-category {
  color: #e47911;
}
.text-history {
  color: #52188c;
}
.link-color-blue {
  color: #175d9f;
}
.required-mark-color {
  color: #bf1e56;
}
.color-favorite-star {
  color: #fabd11;
}
/* Icon fonts 
 ***********************/
.icon-color-happy {
  color: #cc4b78;
}
.icon-color-smiley {
  color: #f89406;
}
.icon-color-wink {
  color: #00986d;
}
.icon-color-angry {
  color: #db0000;
}
.icon-color-sad {
  color: #175d9f;
}
.icon-color-confused {
  color: #3ea9c4;
}
.icon-color-hurry {
  color: #dd4b39;
}

.ajax-loading-container {
	position:absolute;
	display:none;
	background:white;
	opacity:0.5;
	z-index: 999 ;
}

.ajax-loading {
    font-size: 100px;
    width: 1.2em;
    height: 1.5em;
    position: relative;
    margin: 100px auto;
    list-style: none;
}

.ajax-loading li {
    position: absolute;
    width: .2em;
    height: .2em;
    border-radius: 50%;
}

.ajax-loading li:nth-child(1) {
    left: 50%;
    top: 0;
    margin: 0 0 0 -.1em;
    background: #00C176;
    -webkit-transform-origin: 50% 250%;
    transform-origin: 50% 250%;
    -webkit-animation: 
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
    animation: 
        rota 1.13s linear infinite,
        opa 3.67s ease-in-out infinite alternate;
}

.ajax-loading li:nth-child(2) {
    top: 50%; 
    right: 0;
    margin: -.1em 0 0 0;
    background: #FF003C;
    -webkit-transform-origin: -150% 50%;
    transform-origin: -150% 50%;
    -webkit-animation: 
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
    animation: 
        rota 1.86s linear infinite,
        opa 4.29s ease-in-out infinite alternate;
}

.ajax-loading li:nth-child(3) {
    left: 50%; 
    bottom: 0;
    margin: 0 0 0 -.1em;
    background: #FABE28;
    -webkit-transform-origin: 50% -150%;
    transform-origin: 50% -150%;
    -webkit-animation: 
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
    animation: 
        rota 1.45s linear infinite,
        opa 5.12s ease-in-out infinite alternate;
}

.ajax-loading li:nth-child(4) {
    top: 50%; 
    left: 0;
    margin: -.1em 0 0 0;
    background: #88C100;
    -webkit-transform-origin: 250% 50%;
    transform-origin: 250% 50%;
    -webkit-animation: 
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
    animation: 
        rota 1.72s linear infinite,
        opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes rota {
    from { }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes rota {
    from { }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}

@keyframes opa {
    0% { }
    12.0% { opacity: 0.80; }
    19.5% { opacity: 0.88; }
    37.2% { opacity: 0.64; }
    40.5% { opacity: 0.52; }
    52.7% { opacity: 0.69; }
    60.2% { opacity: 0.60; }
    66.6% { opacity: 0.52; }
    70.0% { opacity: 0.63; }
    79.9% { opacity: 0.60; }
    84.2% { opacity: 0.75; }
    91.0% { opacity: 0.87; }
}